@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. リセット用スタイル
　02. タグ固有のスタイル指定
　03. 大枠レイアウト
　04. グローバルヘッダー
　05. 固定ヘッダー
　06. トピックスパス
　07. リキッドメイン
　08. メインコンテンツ
　09. サイド
　10. 固定フッター
　11. リッチフッター
　12. グローバルフッター
　13. 見出し
　14. 表示切替
　15. 機能
　16. ソーシャル
　99. 印刷

******************************************************************************* */
/* ==

　01. リセット用スタイル

=============================================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}
ol, ul { list-style: none; }


/* ==

　02. タグ固有のスタイル指定

	□　各フォントサイズの指定値
 *  10 px : 84%   |  11 px : 92% 
 *  12 px : 100%  |  13 px : 109%
 *  14 px : 117%  |  15 px : 125%
 *  16 px : 134%  |  17 px : 142%
 *  18 px : 150%  |  19 px : 159%
 *  20 px : 167%  |  22 px : 184%
 *  24 px : 200%  |  26 px : 217%
 *  28 px : 234%  |  30 px : 250%
 *  32 px : 267%
 
 	※％指定がネストする場合の指定値は別途要計算
=============================================================================== */
html { overflow-y: scroll; }
html,
body { height: 100%; }
body {
	line-height: 1.7;
	background-color: #fff;
	color: #666;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size: 75%;
	-webkit-text-size-adjust: 100%;
}
body.fsLarge { font-size: 85%; }
img { vertical-align: bottom; }
a img { border: none; }
a {
	color: #404f6f;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
em {
	font-weight: bold;
	font-style: normal;
}
th,
td {
	text-align: left;
	vertical-align: top;
}
sup,
sub {
	margin: 0 1px;
	font-size: 84%;
	vertical-align: 2px;
}
sub { vertical-align: baseline; }


/* ==

　03. 大枠レイアウト

=============================================================================== */
#header {
	width: 100%;
	min-width: 950px;
	height: 91px;
	border-top: 3px solid #e96b10;
	background-color: #fff;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
#fluidVisualS,
#fluidVisual,
#fluidVisualL {
	position: relative;
	min-width: 950px;
	height: 300px;
	overflow: hidden;
}
#fluidVisualS {
	height: 200px;
	margin-bottom: 20px;
}
#fluidVisualL {
	height: 470px;
}
#fullVisual {
	position: relative;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f4f4f4;
	text-align: center;
}
#main {
	width: 950px;
	margin: 0 auto;
	padding: 35px 0 20px;
}
#container {
	width: 950px;
	margin: 0 auto;
	padding: 15px 0 70px;
}
#container #main {
	float: right;
	width: 730px;
	margin: 0;
	padding: 0;
}
#container #aside {
	float: left;
	width: 200px;
}
#socialArea {
  margin-bottom: 20px;
  clear: both;
}
#fixFooter {
	width: 100%;
	min-width: 950px;
	height: 40px;
}
#footer {
	width: 100%;
	min-width: 950px;
	margin-top: 24px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#container:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #container { zoom: 1; } /* ie7 */
* html #container { zoom: 1; } /* ie6 */


/* ==

　04. グローバルヘッダー

=============================================================================== */
#header .baseIn {
	padding-top: 20px;
}



/* ==

　05. 固定ヘッダー

=============================================================================== */



/* ==

　06. トピックスパス

=============================================================================== */




/* ==

　07. リキッドメイン

=============================================================================== */
#fluidVisualS .fluidIn,
#fluidVisual .fluidIn,
#fluidVisualL .fluidIn {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1400px;
	margin-left: -700px;
}
#fluidVisualS h1,
#fluidVisual h1,
#fluidVisualL h1,
#fluidVisualS p,
#fluidVisual p,
#fluidVisualL p {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
}
#fullVisual h1,
#fullVisual p {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-size: 12px;
}


/* ==

　08. メインコンテンツ

=============================================================================== */
#main p,
#main dt,
#main dd,
#main th,
#main td,
#main ul,
#main ol { font-size: 117%; }

#main th p,
#main td p,
#main th dt,
#main th dd,
#main td dt,
#main td dd,
#main dl ul,
#main dl ol { font-size: 100%; }

#main section,
#main .section { margin-bottom: 30px; }
#main section section,
#main section .section,
#main .section section,
#main .section .section {
	margin-top: 20px;
	margin-bottom: 20px;
}
#main #loacalNav {
	margin-top: 40px;
	padding: 20px 25px 15px;
	border: 5px solid #ececec;
	background-color: #f8f8f8;
}
#main #loacalNav h2 {
	margin-bottom: 12px;
	padding: 0.1em 0 18px 0;
	border-bottom: 1px solid #ccc;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 150%;
}
#main #loacalNav h2 a {
	padding-left: 15px;
	background: url(../images/ico_arw04.gif) 1px center no-repeat;
}
#main #loacalNav li {
	float: left;
	margin: 0 15px 5px 0;
	white-space: nowrap;
}
#main #loacalNav .linkListS {
	padding: 6px 0 9px;
	font-size: 100%;
}
#main #loacalNav .linkListS li {
	margin: 0 15px 0 0;
	padding-bottom: 3px;
}
#main .leadArea {
	margin-bottom: 25px;
}

/* ==

　09. サイド

=============================================================================== */


/* ==

　10. 固定フッター

=============================================================================== */




/* ==

　11. リッチフッター

=============================================================================== */




/* ==

　12. グローバルフッター

=============================================================================== */
#footer .baseWrap { border-bottom: 3px solid #fa0046; }
#footer .baseIn ul {
	line-height: 1.2;
	padding: 0 0 8px;
	overflow: hidden;
}
#footer #siteNav {
	margin-bottom: 10px;
	padding: 5px 0 0;
}
#footer li {
	float: left;
	margin: 0 13px 0 -7px;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	color: #4d4d4f;
	font-size: 12px;
}
#footer #siteNav li { font-size: 11px; }
#footer #copyright {
	display: block;
	line-height: 1.1;
	padding-bottom: 15px;
	font-size: 11px;
	text-align: right;
	color: #4d4d4f;
}
#footer a {
	color: #4d4d4f;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

/* 回り込み解除
------------------------------------------------------------------------------- */
#footer ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #footer ul { zoom: 1; } /* ie7 */
* html #footer ul { zoom: 1; } /* ie6 */


/* ==

　13. 見出し

=============================================================================== */
/* h1, */
.heading1 {
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 0 0 7px;
	border-bottom: 1px solid #999;
	background: none;
	color: #333;
	font-size: 184%;
	font-weight: bold;
}
h2,
.heading2 {
	line-height: 1.6;
	margin: 0 0 15px;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}
h3,
.heading3 {
	line-height: 1.6;
	margin: 0 0 30px;
	padding: 10px 12px;
	background-color: #ed6c00;
	color: #fff;
	font-size: 134%;
	font-weight: bold;
}
#main .imgTit,
#main .imgTxt {
	line-height: 1;
	font-size: 12px;
}
#main .imgTitBN,
#main .imgTxtBN {
	padding: 0;
	line-height: 1;
	font-size: 12px;
	border: none;
	background: none;
}
#main .headingWrap {
	margin-bottom: 15px;
	position: relative;
}
#main .headingWrap h2,
#main .headingWrap .heading2 { margin-bottom: 0; }
#main .headingWrap p {
	position: absolute;
	top: 50%;
	right: 10px;
	line-height: 1.5;
	margin-top: -10px;
	font-size: 14px;
}


/* ==

　14. 表示切替

=============================================================================== */
.devPc { display: block; }
.devPcTbl { display: block; }
.devTbl { display: none; }
.devTblSmp { display: none; }
.devSmp { display: none; }
img.devPc,
img.devPcTbl { display: inline; }
img.devTbl,
img.devTblSmp,
img.devSmp { display: none; }


/* ==

　15. 機能

=============================================================================== */
#main .fnReplace { display: block; width: 100%; }
#main .fnInlineB { display: inline-block; vertical-align: top; }

*:first-child+html #main .fnInlineB {
  display: inline;
  zoom: 1;
} /* ie7 */
* html #main .fnInlineB {
  display: inline;
  zoom: 1;
} /* ie6 */


/* ==

　16. ソーシャル

=============================================================================== */


/* ==

　99. 印刷

=============================================================================== */
.printClear {
	display: none;
}
@media print {
	#header {
		min-width: 0;
	}
	#fluidVisualS,
	#fluidVisual,
	#fluidVisualL {
		min-width: 0;
	}
	#footer {
		min-width: 0;
	}
	.printClear {
		display: block;
		clear: both;
	}
	#header #siteId {
		zoom: 1;
	}
  * html body{ zoom:68%; } /* ie6 */
}